.click {
  &:active::before {
    opacity: 0.1;
  }

  &::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #000;
    border: inherit;
    border-color: #000;
  }
}
input[type="number"] {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard syntax */
  -webkit-touch-callout: none; /* Disable callouts for text */
}
 
input[type="number"]:disabled {
  user-select: auto;
}
page {
  background-color: #fff !important;
  font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

// 扩展点击区域
.extend-click {
  position: relative;

  &:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
  }
}

@mixin font-style($fs: 14px, $c: $color999, $fw: 400, $lh: 1) {
  font-size: $fs;
  color: $c;
  font-weight: $fw;
  line-height: $lh;
}

@mixin bg($url: '', $size: cover, $repeat: no-repeat, $position: center center, $color: transparent, $qiniu: '') {
  background-color: $color;
  background-image : url("${url}${qiniu}");
  background-size: $size;
  background-repeat: $repeat;
  background-position: $position;
}

@mixin bg-line($rotate: 90deg, $start: rgba(19, 198, 211, 1) 0%, $end: rgba(26, 163, 228, 1) 100%) {
  background: linear-gradient($rotate, $start, $end);
}

.ell-1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
@font-face {
  font-family: 'pf_bold';
  src: url('https://zsjl.oss-cn-beijing.aliyuncs.com/font/PingFang-Bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'pf_regular';
  src: url('https://zsjl.oss-cn-beijing.aliyuncs.com/font/PingFang-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'pf_medium';
  src: url('https://zsjl.oss-cn-beijing.aliyuncs.com/font/PingFang-Medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: WDCH-Regular; // 自定义名称，无需引号
  src: url(https://magic.mirror.source.axeastro.com/font/WDCH.ttf) // 字体文件路径，支持本地文件，或字体文件链接地址
}
@font-face {
  font-family:DreamHanSerifCN-W16; // 自定义名称，无需引号
  src: url(https://magic.mirror.source.axeastro.com/font/DreamHanSerifCN-W16.ttf) // 字体文件路径，支持本地文件，或字体文件链接地址
}
@font-face {
  font-family:DreamHanSerifCN-W4; // 自定义名称，无需引号
  src: url(https://magic.mirror.source.axeastro.com/font/DreamHanSerifCN-W4.ttf) // 字体文件路径，支持本地文件，或字体文件链接地址
}

.placeHolder_class {
  font-family: pf_bold;
  font-weight: 600;
  font-size: 32rpx;
  color: rgba(0,0,0,0.4);
}

.ell-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal;
  -webkit-box-orient: vertical;
}

.flex-c {
  display: flex;
  flex-direction: column;
}

.flex-r {
  display: flex;
  flex-direction: row;
}

.flex1 {
  flex: 1
}

.flex_b_c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_a_c {
  display: flex;
  align-items: center;
}

.flex_wrap {
  flex-wrap: wrap;
}
.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

button {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  line-height: inherit;
}

.button-hover {
  background-color: transparent;
}

button {
  border-radius: 0;
}
.tc {
  text-align: center;
}
button::after {
  border: none;
}

@for $i from 0 through 500 {
  .m-#{$i} {
    margin: ($i) + upx !important;
  }

  .mt-#{$i} {
    margin-top: ($i) + upx !important;
  }

  .mb-#{$i} {
    margin-bottom: ($i) + upx !important;
  }

  .ml-#{$i} {
    margin-left: ($i) + upx !important;
  }

  .mr-#{$i} {
    margin-right: ($i) + upx !important;
  }

  .w_#{$i} {
    width: ($i) + upx !important;
  }

  .p-#{$i} {
    padding: ($i) + upx !important;
  }

  .pt-#{$i} {
    padding-top: ($i) + upx !important;
  }

  .pb-#{$i} {
    padding-bottom: ($i) + upx !important;
  }

  .pl-#{$i} {
    padding-left: ($i) + upx !important;
  }

  .pr-#{$i} {
    padding-right: ($i) + upx !important;
  }

  .fz-#{$i} {
    font-size: $i + upx !important;
  }

  .lh-#{$i} {
    line-height: $i + upx !important;
  }
}